<%-- 
    Document   : cadastroUsuario
    Created on : 01/09/2011, 11:03:26
    Author     : aluno
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/login.css" type="text/css" title="default" />
        <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

        <!--  checkbox styling script -->
        <script src="js/jquery/ui.core.js" type="text/javascript"></script>
        <script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
        <script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('input').checkBox();
                $('#toggle-all').click(function(){
                    $('#toggle-all').toggleClass('toggle-checked');
                    $('#mainform input[type=checkbox]').checkBox('toggle');
                    return false;
                });
            });
        </script> 
        <link rel="stylesheet" href="css/login.css" type="text/css" title="default" />
        <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

        <!--  checkbox styling script -->
        <script src="js/jquery/ui.core.js" type="text/javascript"></script>
        <script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
        <script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('input').checkBox();
                $('#toggle-all').click(function(){
                    $('#toggle-all').toggleClass('toggle-checked');
                    $('#mainform input[type=checkbox]').checkBox('toggle');
                    return false;
                });
            });
        </script> 
    </head>
    <body>

                <form  method="POST"action="ServletCadastroUsuario" name="cadastro" enctype="multipart/form-data">>
                    <div id="page-top-outer">   
                        <div id="page-top">
                            <div id="logo">

                            </div>

                        </div>
                    </div>

                    <div class="clear"></div>

                    <!-- start content-outer -->
                    <div id="content-outer">
                        <!-- start content -->
                        <div id="content">

                            <div id="page-heading"><h1>Cadastro -- Bem Vindo!</h1></div>
                            <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                                <tr>
                                    <th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                                    <th class="topleft"></th>
                                    <td id="tbl-border-top">&nbsp;</td>
                                    <th class="topright"></th>
                                    <th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
                                </tr>

                                <td id="tbl-border-left"></td>
                                <td>
                                    <!--  start content-table-inner -->
                                    <div id="content-table-inner">

                                        <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                            <tr valign="top">
                                                <td>
                                                    <!--  start step-holder -->
                                                    <div id="step-holder">
                                                        <div class="step-no">+</div>
                                                        <div class="step-dark-left"><a href="">Cadastro do Usuario</a></div>
                                                        <div class="step-dark-right">&nbsp;</div>


                                                        <div class="clear"></div>
                                                    </div>
                                                    <!-- start id-form -->
                                                    <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
                                                        <tr>
                                                            <th valign="top">Nome:</th>
                                                            <td><input type="text" name="nome" value="" class="inp-form" /></td>
                                                            <td>
                                                                <div class="error-left"></div>
                                                                <div class="error-inner">Esse campo é obrigatório.</div>
                                                            </td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <th valign="top">E-mail:</th>
                                                            <td><input type="text"  name="email" value="" class="inp-form-error" /></td>
                                                            <td>
                                                                <div class="error-left"></div>
                                                                <div class="error-inner">Esse campo é obrigatório.</div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th valign="top">Senha:</th>
                                                            <td><input type="password" name="senha" value="" class="inp-form-error" /></td>
                                                            <td>
                                                                <div class="error-left"></div>
                                                                <div class="error-inner">Esse campo é obrigatório.</div>
                                                            </td>
                                                            <td></td>
                                                        </tr>


                                            </tr>
                                            <tr>
                                                <th valign="top">Data de Nascimento:</th>
                                                <td class="noheight">

                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                        <tr  valign="top">
                                                            <td>
                                                                <form id="chooseDateForm" action="#">

                                                                    <select id="d"name="dia_" class="styledselect-day">
                                                                        <option name="dia"value="">Dia</option>
                                                                        <option name="dia"value="1">1</option>
                                                                        <option name="dia"value="2">2</option>
                                                                        <option name="dia"value="3">3</option>
                                                                        <option name="dia"value="4">4</option>
                                                                        <option name="dia"value="5">5</option>
                                                                        <option name="dia"value="6">6</option>
                                                                        <option name="dia"value="7">7</option>
                                                                        <option name="dia"value="8">8</option>
                                                                        <option name="dia"value="9">9</option>
                                                                        <option name="dia"value="10">10</option>
                                                                        <option name="dia"value="11">11</option>
                                                                        <option name="dia"value="12">12</option>
                                                                        <option name="dia"value="13">13</option>
                                                                        <option name="dia"value="14">14</option>
                                                                        <option name="dia"value="15">15</option>
                                                                        <option name="dia"value="16">16</option>
                                                                        <option name="dia"value="17">17</option>
                                                                        <option name="dia"value="18">18</option>
                                                                        <option name="dia"value="19">19</option>
                                                                        <option name="dia"value="20">20</option>
                                                                        <option name="dia"value="21">21</option>
                                                                        <option name="dia"value="22">22</option>
                                                                        <option name="dia"value="23">23</option>
                                                                        <option name="dia"value="24">24</option>
                                                                        <option name="dia"value="25">25</option>
                                                                        <option name="dia"value="26">26</option>
                                                                        <option name="dia"value="27">27</option>
                                                                        <option name="dia"value="28">28</option>
                                                                        <option name="dia"value="29">29</option>
                                                                        <option name="dia"value="30">30</option>
                                                                        <option name="dia"value="31">31</option>
                                                                    </select>
                                                            </td>
                                                            <td>
                                                                <select id="m" name="mes_"class="styledselect-month">
                                                                    <option name="mes"value="">Mês</option>
                                                                    <option name="mes"value="1">Janeiro</option>
                                                                    <option name="mes"value="2">Fevereiro</option>
                                                                    <option name="mes"value="3">Março</option>
                                                                    <option name="mes"value="4">Abril</option>
                                                                    <option name="mes"value="5">Maio</option>
                                                                    <option name="mes"value="6">Junho</option>
                                                                    <option name="mes"value="7">Julho</option>
                                                                    <option name="mes"value="8">Agosto</option>
                                                                    <option name="mes"value="9">Setembro</option>
                                                                    <option name="mes"value="10">Outubro</option>
                                                                    <option name="mes"value="11">Novembro</option>
                                                                    <option name="mes"value="12">Dezembro</option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <select  id="y" name="ano_" class="styledselect-year">
                                                                    <option value="">Ano</option>
                                                                    <option name="ano"value="2010">2011</option>
                                                                    <option name="ano"value="2010">2010</option>
                                                                    <option name="ano"value="2009">2009</option>
                                                                    <option name="ano"value="2008">2008</option>
                                                                    <option name="ano"value="2007">2007</option>
                                                                    <option name="ano"value="2006">2006</option>
                                                                    <option name="ano"value="2005">2005</option>
                                                                    <option name="ano"value="2005">2004</option>
                                                                    <option name="ano"value="2005">2003</option>
                                                                    <option name="ano"value="2005">2002</option>
                                                                    <option name="ano"value="2005">2001</option>
                                                                    <option name="ano"value="2005">2000</option>
                                                                    <option name="ano"value="2005">1999</option>
                                                                    <option name="ano"value="2005">1998</option>
                                                                    <option name="ano"value="2005">1997</option>
                                                                    <option name="ano"value="2005">1996</option>
                                                                    <option name="ano"value="2005">1995</option>
                                                                    <option name="ano"value="2005">1994</option>
                                                                    <option name="ano"value="2005">1993</option>
                                                                    <option name="ano"value="2005">1992</option>
                                                                    <option name="ano"value="2005">1991</option>
                                                                    <option name="ano"value="2005">1990</option>
                                                                    <option name="ano"value="2005">1989</option>
                                                                    <option name="ano"value="2005">1988</option>
                                                                    <option name="ano"value="2005">1987</option>
                                                                    <option name="ano"value="2005">1986</option>
                                                                    <option name="ano"value="2005">1985</option>
                                                                    <option name="ano"value="2005">1984</option>
                                                                    <option name="ano"value="2005">1983</option>
                                                                    <option name="ano"value="2005">1982</option>
                                                                    <option name="ano"value="2005">1981</option>
                                                                    <option name="ano"value="2005">1980</option>
                                                                    <option name="ano"value="2005">1979</option>
                                                                    <option name="ano"value="2005">1978</option>
                                                                    <option name="ano"value="2005">1977</option>
                                                                    <option name="ano"value="2005">1976</option>
                                                                    <option name="ano"value="2005">1975</option>
                                                                    <option name="ano"value="2005">1974</option>
                                                                    <option name="ano"value="2005">1973</option>
                                                                    <option name="ano"value="2005">1973</option>
                                                                    <option name="ano"value="2005">1972</option>
                                                                    <option name="ano"value="2005">1971</option>
                                                                    <option name="ano"value="2005">1970</option>
                                                                    <option name="ano"value="2005">1969</option>
                                                                </select>
                                                                </form>
                                                            </td>
                                                        </tr>
                                                    </table>

                                            <tr>
                                                <th>Foto:</th>
                                                <td><input id="imagem"  type="file" class="file_1" name="foto" /></td>
                                                <td>
                                                    <div class="bubble-left"></div>
                                                    <div class="bubble-inner">Todos os Formatos são suportados!</div>
                                                    <div class="bubble-right"></div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <th>&nbsp;</th>
                                                <td valign="top">
                                                    <input type="submit" value="" class="form-submit" />

                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <!--                                       <marquee direction="left">
                                                                                            <img src="super.jpeg">
                                                                                            </marquee>></td>-->
                                           <!-- <marquee direction="left">
                                                <img src="mago.gif"/>
                                            </marquee>></td-->
                                        </table>
                                        </form>                                     
                                        </body>
                                        </html>
